.page{
	width: 100%;
	height: 100vh;
	// font-size: 1.2rem;
	background: #F5F6F8;
	overflow: hidden;
	// overflow-y: hidden;
	// overflow-x: auto;
	// box-sizing: border-box;
	flex-grow: 1;
	// overflow-y:auto; 
}
.content {
	width: 100%;
	margin: 1.5% 0 0 1%;
	height: 92%;
	display: flex;
	.left-skuInfo {
		width: 21%;
		height: 100%;
		margin-right: 1%;
		.l-header {
			height: 100%;
			font-size: 1rem;
			background: #FFFFFF;
			box-sizing: border-box;
			// border-width: 0px 4px 0px 0px;
			// border-style: solid;
			// border-color: #3E8FF7;
			box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
			position: relative;
			.h-title {
				display: flex;
				margin-bottom: 4%;
				margin-left: 3%;
				padding-top: 1%;
				.title-icon {
					background-color: #3E8FF7;
					width: 9.381rpx;
					height: 37.523rpx;
					margin-top: 13.133rpx;
					margin-right: 9.381rpx;
				}
			}
			.info {
				margin-top: 4%;
				margin-bottom: 4%;
				margin-left: 3%;
				width: 94%;
				text {
					color: #585858;
				}
				image {
					width: 90%;
					height: 100%;
				}
			}
			.extra-info {
				margin-top: 2%;
				margin-bottom: 2%;
			}
		}
	}
	.right {
		width: 80%;
		height: 100%;
		margin-right: 2%;
		.r-header {
			width: 100%;
			height: 10%;
			display: flex;
			.h-item {
				width: 25%;
				height: 100%;
				background-color: #ffffff;
				display: flex;
				flex-flow: column;
				align-items: center;
				justify-content: space-around;
				.h-title {
					color: #585858;
					font-size: 1.2rem;
					// letter-spacing: 18.762rpx;
				}
				.font-12 {
					font-size: 1.2rem;
				}
			}
			.mg-r-2 {
				margin-right: 2%;
			}
		}
		.r-content {
			width: 100%;
			height: 90%;
			margin-top: 2%;
			display: flex;
			flex-wrap: wrap;
			align-content: flex-start;
			.sku-item:nth-child(odd) {
				margin-right: 2%;
			}
			.sku-item {
				width: 49%;
				height: 20%;
				background-color: #ffffff;
				margin-bottom: 2%;
				.color {
					height: 30%;
					margin-left: 2%;
					display: flex;
					align-items: center;
					border-bottom: solid 1.876rpx #F5F6F8;
				}
				.progress {
					width: 100%;
					height: 70%;
					margin-left: 2%;
					display: flex;
					justify-content: space-between;
					color: #585858;
					.left {
						width: 30%;
						justify-content: space-around;
					}
					.right {
						width: 50%;
						margin-right: 4%;
						margin-top: 1%;
					}
					.flex-col {
						display: flex;
						flex-flow: column;
					}
				}
			}
		}
	}
}
.sku-content {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	background-color: #F5F6F8;
}
.scroll-Y {
	width: 100%;
	height: 80%;
	padding-bottom: 2%;
	background-color: #f5f6f8;
}
.fixed-button {
	width: 100%;
	height: 10%;
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: center;
	background: #FFFFFF;
	box-shadow: 0px -4px 12px 0px rgba(0, 0, 0, 0.3);
	.back {
		width: 30%;
		height: 90%;
		border-radius: 7.505rpx;
		box-sizing: border-box;
		/* 中性色/输入框边框DD */
	}
	.submit {
		width: 70%;
		height: 90%;
		border-radius: 7.505rpx;
		box-sizing: border-box;
	}
	button {
		height: 100%;
		width: 100%;
		font-size: 1.5rem;
		font-weight: bold;
	}
}